<template>
    <!-- html结构 -->
    <div class="person">
        ？？？
    </div>
</template>
<script setup lang="ts" name="Person">
// ts代码要求格式，如果导入不是值，而是接口类型，需要加type
// @会直接导航至src这最外层
import { type iPerson, type PersonsType } from '@/types';
import { reactive } from 'vue';
let personList = reactive<PersonsType>(
    [
        { id: "asyudpoqbv8521", name: "张三1", age: 18 },
        { id: "asyudpoqbv8522", name: "李四2", age: 19 },
        { id: "asyudpoqbv8523", name: "王五3", age: 20 },
    ]
)


</script>

<style scoped>
.person {
    background-color: #6cf;
    box-shadow: 0 0 10px #000;
    border-radius: 10px;
    padding: 10px;
}
</style>